<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>升学展示</title>

    <link rel="stylesheet" href="./sxzs.css" />
    <script src="../lib/flexible.js"></script>

    <script src="../js/public.js"></script>
  </head>

  <body>
    <!-- 头部 -->
    <div class="header">
      <div class="content">
        <h1>
          <a href="javascript:;">
            <img src="../images/index/组 116.png" alt="" />
          </a>
        </h1>
        <p>新职教新高考 提升本科新赛道</p>
      </div>
    </div>
    <!-- 导航栏 -->
    <!-- 导航栏 -->
    <div class="nav">
      <div class="content">
        <ul class="nav_one">
          <li><a href="../index.html">网站首页</a></li>
          <li class="active">
            <a href="javascript:;">学校概况</a>
            <ul class="dropDown">
              <li><a href="../xxjj/xxjj.html">学校简介</a></li>
              <li><a href="../xyhj/xyhj.html">校园风光</a></li>
            </ul>
          </li>
          <li>
            <a href="../zsjyc/zsjyc.html">招生就业</a>
            <ul class="dropDown">
              <li><a href="../index.html">招生信息</a></li>
              <li><a href="../zysz/zysz.html">专业设置</a></li>
              <li><a href="../zsgg/zsgg.html">招生公告</a></li>
              <li><a href="../bgzn/bkzn.html">报考指南</a></li>
              <li><a href="../jymx/jymx.html">就业明星</a></li>
            </ul>
          </li>
          <li><a href="../jxjg/jxjg.html">教学机构</a></li>
          <li>
            <a href="javacscript:;">管理机构</a>
            <ul class="dropDown">
              <li><a href="../zwc/zwc.html">总务处</a></li>
              <li><a href="../jwc/jwc.html">教务处</a></li>
              <li><a href="../zsjyc/zsjyc.html">招生就业处</a></li>
              <li><a href="../anglc/anglc.html">安全管理处</a></li>
            </ul>
          </li>
          <li>
            <a href="../sxzs/sxzs.html">升学展示</a>
            <ul class="dropDown">
              <li><a href="../xzjxgk/xzjzgk.html">新职教新高考</a></li>
              <li><a href="../sxzs/sxzs.html">升学展示</a></li>
            </ul>
          </li>
          <li><a href="../lxwm/lxwm.html">联系我们</a></li>
        </ul>
      </div>
    </div>
    <div class="banner">
      <div class="content">
        <img src="../xzjxgk/组 127.png" alt="" />
      </div>
    </div>
    <div class="code1">
      <div class="content">
        <ul>
          <a href="../jxjg/jxjg.html">
            <li class="l1">教学机构</li>
         <a href="../xzjxgk/xzjzgk.html">   <li>新职教新高考</li></a>
            <li style="background-color: #d3d3d3">升学展示</li>
          </a>
        </ul>

        <div>
          <div>
            <p>升学展示</p>
            <p>
              <a href="../index.html">首页></a>
              <a href="../sxzs/sxzs.html">升学展示</a>
            </p>
          </div>
     
            <p>冲一冲升本科 保一保升大专 稳一稳可就业</p>
            <p><i>职教高考</i>>——读本科的新赛道</p>
            <div>2020-2021部分升本学生名单</div>

            <table class="top">
              <thead>
              <tr>  
                <th>姓名</th>
                <th>性别</th>
                <th>专业</th>
                <th>升学</th></tr>
              </thead>
            </table>
  <div class="scroll-box">
      <table class="tab-scroll">
        <tbody>
          <tr>
            <td>任志宾</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州财经学院</td>
          </tr>
          <tr>
            <td>赵盼盼</td>
            <td>女</td>
            <td>移动商务</td>
            <td>河南工程学院</td>
          </tr>
          <tr>
            <td>杨明明</td>
            <td>女</td>
            <td>移动商务</td>
            <td>河南财政金融学院</td>
          </tr>
          <tr>
            <td>李硕</td>
            <td>男</td>
            <td>移动商务</td>
            <td>河南财政金融学院</td>
          </tr>
          <tr>
            <td>刘娜</td>
            <td>女</td>
            <td>移动商务</td>
            <td>郑州经贸学院</td>
          </tr>
          <tr>
            <td>王俊鸽</td>
            <td>女</td>
            <td>移动商务</td>
            <td>郑州升达经贸管理学院</td>
          </tr>
          <tr>
            <td>张炀</td>
            <td>女</td>
            <td>移动商务</td>
            <td>郑州西亚斯学院</td>
          </tr>
          <tr>
            <td>庆巧妹</td>
            <td>女</td>
            <td>移动商务</td>
            <td>河南工程学院</td>
          </tr>
          <tr>
            <td>王琨</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州轻工业大学</td>
          </tr>
          <tr>
            <td>范鑫</td>
            <td>男</td>
            <td>移动商务</td>
            <td>黄河交通学院</td>
          </tr>
          <tr>
            <td>胡继辉</td>
            <td>男</td>
            <td>移动商务</td>
            <td>商丘学院</td>
          </tr>
          <tr>
            <td>葛玉优</td>
            <td>女</td>
            <td>移动商务</td>
            <td>河南财政金融学院</td>
          </tr>
          <tr>
            <td>闯闯</td>
            <td>女</td>
            <td>移动商务</td>
            <td>安阳工学院</td>
          </tr>
          <tr>
            <td>段景超</td>
            <td>男</td>
            <td>移动商务</td>
            <td>安阳学院</td>
          </tr>
          <tr>
            <td>刘源泉</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州西亚斯学院</td>
          </tr>
          <tr>
            <td>李慧月</td>
            <td>女</td>
            <td>移动商务</td>
            <td>郑州财经学院</td>
          </tr>
          <tr>
            <td>丁家辉</td>
            <td>男</td>
            <td>移动商务</td>
            <td>河南工学院</td>
          </tr>
          <tr>
            <td>李丰田</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州西亚斯学院</td>
          </tr>
          <tr>
            <td>郑海勤</td>
            <td>女</td>
            <td>移动商务</td>
            <td>洛阳师范学院</td>
          </tr>
          <tr>
            <td>郑浩南</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州升达经贸管理学院</td>
          </tr>
          <tr>
            <td>张志豪</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州工业应用技术学院</td>
          </tr>
          <tr>
            <td>邓军帅</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州西亚斯</td>
          </tr>
          <tr>
            <td>李梦婷</td>
            <td>女</td>
            <td>移动商务</td>
            <td>新乡工程学院</td>
          </tr>
          <tr>
            <td>杨晶晶</td>
            <td>女</td>
            <td>移动商务</td>
            <td>郑州航空工业管理学院</td>
          </tr>
          <tr>
            <td>姜风</td>
            <td>女</td>
            <td>移动商务</td>
            <td>郑州航空工业管理学院</td>
          </tr>
          <tr>
            <td>刘肖寒</td>
            <td>男</td>
            <td>移动商务</td>
            <td>郑州经贸学院</td>
          </tr>
          <tr>
            <td>刘智慧</td>
            <td>女</td>
            <td>移动商务</td>
            <td>安阳学院</td>
          </tr>
        </tbody>
      </table>
    </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="footer">
      <div class="content">
        <div class="left">
          <img src="../images/index/logo-xia.png" alt="" />
        </div>
        <div class="zh">
          <ul>
            <li>友情链接</li>
            <li>河南教育局</li>
            <li>郑州市教育局</li>
            <li>河南人力资源和社会保障厅</li>
          </ul>
          <p class="word1">新职教新高考 提升本科新赛道</p>
          <p class="word2">
            地址：郑州市航空港经济综合实验区思存路龙安社区5号院
          </p>
          <p class="word2">
            Copyright 2022 河南金城技工学校（版权所有）豫ICP备2022017490号-1
          </p>
        </div>
        <div class="right">
          <img src="../images/index/二维码底部.png" alt="" />
          <p>扫码填写报名信息</p>
        </div>
      </div>
    </div> 
    
    
    <script>
      function getTr(){
        var trlist=document.querySelectorAll("tr")
        for(var i=0;i<trlist.length;i++){
          if(i%2==0){
            trlist[i].style.backgroundColor="#D2E3FC"
          }
          else{
              trlist[i].style.backgroundColor="#FFFFFF"
          }
        }
      }
      var sTab = document.getElementsByClassName("tab-scroll")[0]; //要滚动的表
      var tbody = sTab.getElementsByTagName("tbody")[0]; //要滚动表格的内容
      sTab.appendChild(tbody.cloneNode(true)); //追加一次滚动内容,以防滚动后可视区域无内容
          sTab.appendChild(tbody.cloneNode(true)); //追加一次滚动内容,以防滚动后可视区域无内容
              sTab.appendChild(tbody.cloneNode(true)); //追加一次滚动内容,以防滚动后可视区域无内容
    getTr()
      var speed = sTab.getElementsByTagName("td")[0].offsetHeight + 10; //每次滚动的距离
      var tbdh = tbody.offsetHeight + 4; //整个表的高度,是因为上边的边不算滚动
      
      function scrollTop() {
        var t = sTab.offsetTop; //获取要滚动表的位置
        if (-tbdh == t) {
          //比较 滚动的距离等于整个表的高度 即第一个表完全看不见
          sTab.style.transition = "1s"; //过渡动画设为0秒
          sTab.style.top = 200; //位置设为初始位置
          scrollTop(); //因为偷梁换柱消耗了一次过程,所以把这一次过程补回来
        } else {
          sTab.style.transition = "1s";
          sTab.style.top = t - speed +10+"px";
        }
        console.log(t - speed);
      }
        var timer=  setInterval(scrollTop, 2000);
        var dd=document.querySelector(".tab-scroll")
       
      
       setInterval(function(){
        dd.addEventListener("mouseenter",function () {
        clearInterval(timer)
       })
         dd.addEventListener("mouseleave",function () {
         setInterval(scrollTop,2000)
       }) 
       })
      
    </script>
  </body>
</html>
